<template>
  <div>

    <SkyCardPanel title="4列式矩阵">
      <div slot="main" class="containter-view">
        <sky-matrix MaxCol="2" :textAlign="'right'" :titleSuffix="':'" :titlePreffix="''">
          <sky-row>
            <sky-unit label="公司名称">上海建工二建集团有限公司</sky-unit>
            <sky-unit label="机构性质">企业</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="境内外关系">境内机构</sky-unit>
            <sky-unit label="公司网址">http://www.tele-hot.com</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="公司办公地址">江苏省苏州市工业园区</sky-unit>
            <sky-unit label="公司联系电话">0512-67672779</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="企业纳税人类型">境内机构</sky-unit>
            <sky-unit label="公司网址"><a class="link" href="http://www.tele-hot.com">http://www.tele-hot.com</a></sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="申请说明" merge="2">
              今年4月以来，印方不断在加勒万河谷单方面改变当地现状。7月6日晚，央视国际频道在《今日关注》节目中公布了多份印军在边境越线挑衅中方在先的证据。照片及画面显示印方在中方实控线一侧进行包括行车道路、便桥等基础设施的修建，还试图在相关地区进行哨所设置。
              央视节目中除了公布印度越线修建便桥、直升机停机坪、搭设帐篷的画面，还有印度一线部队骑线、越线搬运简易钢板桥梁的画面。此外还有画面显示，印度试图在相关地区设置哨所并进行军事部署。
            </sky-unit>
          </sky-row>
        </sky-matrix>
      </div>
    </SkyCardPanel>

    <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="html">
              //4列式矩阵
              
              &lt;SkyCardPanel title="4列式矩阵"&gt;
                &lt;div slot="main" class="containter-view"&gt;
                  &lt;sky-matrix MaxCol="2" :textAlign="'right'" :titleSuffix="':'" :titlePreffix="''"&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="公司名称"&gt;上海建工二建集团有限公司&lt;/sky-unit&gt;
                      &lt;sky-unit label="机构性质"&gt;企业&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="境内外关系"&gt;境内机构&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;http://www.tele-hot.com&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="公司办公地址"&gt;江苏省苏州市工业园区&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司联系电话"&gt;0512-67672779&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="企业纳税人类型"&gt;境内机构&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;&lt;a class="link" href="http://www.tele-hot.com"&gt;http://www.tele-hot.com&lt;/a&gt;&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="申请说明" merge="2"&gt;
                        今年4月以来，印方不断在加勒万河谷单方面改变当地现状。7月6日晚，央视国际频道在《今日关注》节目中公布了多份印军在边境越线挑衅中方在先的证据。照片及画面显示印方在中方实控线一侧进行包括行车道路、便桥等基础设施的修建，还试图在相关地区进行哨所设置。
                        央视节目中除了公布印度越线修建便桥、直升机停机坪、搭设帐篷的画面，还有印度一线部队骑线、越线搬运简易钢板桥梁的画面。此外还有画面显示，印度试图在相关地区设置哨所并进行军事部署。
                      &lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                  &lt;/sky-matrix&gt;
                &lt;/div&gt;
              &lt;/SkyCardPanel&gt;


          </code>
      </pre>
      </div>
    </SkyHiddenPanel>

    <SkyCardPanel title="6列式矩阵">
      <div slot="main">
        <sky-matrix MaxCol="3" class="containter-view">
          <sky-row>
            <sky-unit label="公司名称">上海建工二建集团有限公司</sky-unit>
            <sky-unit label="机构性质">企业</sky-unit>
            <sky-unit label="机构性质">企业</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="境内外关系">境内机构</sky-unit>
            <sky-unit label="公司网址">http://www.tele-hot.com</sky-unit>
            <sky-unit label="公司网址">http://www.tele-hot.com</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="公司办公地址">江苏省苏州市工业园区</sky-unit>
            <sky-unit label="公司联系电话">0512-67672779</sky-unit>
            <sky-unit label="公司联系电话">0512-67672779</sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="企业纳税人类型">境内机构</sky-unit>
            <sky-unit label="公司网址"><a class="link" href="http://www.tele-hot.com">http://www.tele-hot.com</a></sky-unit>
            <sky-unit label="公司网址"><a class="link" href="http://www.tele-hot.com">http://www.tele-hot.com</a></sky-unit>
          </sky-row>
          <sky-row>
            <sky-unit label="申请说明" merge="3">
              今年4月以来，印方不断在加勒万河谷单方面改变当地现状。7月6日晚，央视国际频道在《今日关注》节目中公布了多份印军在边境越线挑衅中方在先的证据。照片及画面显示印方在中方实控线一侧进行包括行车道路、便桥等基础设施的修建，还试图在相关地区进行哨所设置。
              央视节目中除了公布印度越线修建便桥、直升机停机坪、搭设帐篷的画面，还有印度一线部队骑线、越线搬运简易钢板桥梁的画面。此外还有画面显示，印度试图在相关地区设置哨所并进行军事部署。
            </sky-unit>
          </sky-row>
        </sky-matrix>
      </div>
    </SkyCardPanel>

    <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="html">
              //6列式矩阵
              &lt;SkyCardPanel title="6列式矩阵"&gt;
                &lt;div slot="main" class="containter-view"&gt;
                  &lt;sky-matrix MaxCol="3"&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="公司名称"&gt;上海建工二建集团有限公司&lt;/sky-unit&gt;
                      &lt;sky-unit label="机构性质"&gt;企业&lt;/sky-unit&gt;
                      &lt;sky-unit label="机构性质"&gt;企业&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="境内外关系"&gt;境内机构&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;http://www.tele-hot.com&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;http://www.tele-hot.com&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="公司办公地址"&gt;江苏省苏州市工业园区&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司联系电话"&gt;0512-67672779&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司联系电话"&gt;0512-67672779&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="企业纳税人类型"&gt;境内机构&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;&lt;a class="link" href="http://www.tele-hot.com"&gt;http://www.tele-hot.com&lt;/a&gt;&lt;/sky-unit&gt;
                      &lt;sky-unit label="公司网址"&gt;&lt;a class="link" href="http://www.tele-hot.com"&gt;http://www.tele-hot.com&lt;/a&gt;&lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                    &lt;sky-row&gt;
                      &lt;sky-unit label="申请说明" merge="3"&gt;
                        今年4月以来，印方不断在加勒万河谷单方面改变当地现状。7月6日晚，央视国际频道在《今日关注》节目中公布了多份印军在边境越线挑衅中方在先的证据。照片及画面显示印方在中方实控线一侧进行包括行车道路、便桥等基础设施的修建，还试图在相关地区进行哨所设置。
                        央视节目中除了公布印度越线修建便桥、直升机停机坪、搭设帐篷的画面，还有印度一线部队骑线、越线搬运简易钢板桥梁的画面。此外还有画面显示，印度试图在相关地区设置哨所并进行军事部署。
                      &lt;/sky-unit&gt;
                    &lt;/sky-row&gt;
                  &lt;/sky-matrix&gt;
                &lt;/div&gt;
              &lt;/SkyCardPanel&gt;
          </code>
      </pre>
      </div>
    </SkyHiddenPanel>

  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>
</style>